<script setup name="App">
// ref 方法配合 ref 属性获取 DOM

import { onMounted, ref } from 'vue';

// !#1 准备一个 ref 对象引用
const pRef = ref(null)

// !#3 pRef.value 就是 DOM
onMounted(() => {
  pRef.value.style.backgroundColor = 'pink'
})
</script>
<template>
  <div>
    <!-- //!#2 pRef 和 ref 属性进行绑定 -->
    <p ref="pRef">Hello</p>
  </div>
</template>
